{template "content","header","mobilephone"}
<link rel="stylesheet" href="{CSS_PATH}Mobilephone/page-01ecb0fba5.min.css?v={APP_VERSION}">
<link href="https://cdn.bootcss.com/Swiper/3.4.2/css/swiper.min.css" rel="stylesheet">
<div id="app">
    <header>
        <!-- title -->
        <section class="top-title">
            <a href="javascript:;" class="refresh" id="J_refresh"><span v-on:click="isRefresh()"></span></a>
        </section>
        <!-- menu -->
        <section class="top-menu">
            <div id="topNav" class="swiper-container">
              <div class="swiper-wrapper" id="J_top_menu">
                <div class="swiper-slide"><a href="{siteurl($siteid)}"><span>推荐</span></a></div>
                {pc:content action="category" catid="0" num="25" siteid="$siteid" order="listorder ASC"}
                {loop $data $r}
                {if $r[modelid]==1}
                    {if $catid==$r[catid]}
                    <div class="swiper-slide active">
                        <a href="{$r[url]}"><span>{$r[catname]}</span></a>
                    </div>
                   {else}
                    <div class="swiper-slide">
                        <a href="{$r[url]}"><span>{$r[catname]}</span></a>
                    </div>
                    {/if}
                {/if}
                {/loop}
                {/pc}
              </div>
            </div>
        </section>
    </header>
    {template "content","ajax_list","mobilephone"}
</div>
<script src="https://cdn.bootcss.com/zepto/1.2.0/zepto.min.js"></script>
<script src="https://cdn.bootcss.com/Swiper/3.4.2/js/swiper.min.js"></script>
<script src="https://cdn.bootcss.com/vue/2.4.2/vue.min.js"></script>
<script>
var $cid={$catid};
</script>
<script src="{JS_PATH}Mobilephone/wap_index.js?v={APP_VERSION}"></script>
{template "content","footer","mobilephone"}